/*======头部导航栏======*/
.box_mi_top {
    display            : flex;
    height             : 48px;
    background-color   : #333333;
    font-size          : 14px;
    /* position        : relative; */
    justify-content    : center;
}

.home_mi_top {
    display       : flex;
    height        : 48px;
    width         : 1080px;
    color         : #e7e7e7;
    flex-direction: row-reverse;
}

.mi_top_right {
    width          : 465px;
    height         : 48px;
    display        : flex;
    justify-content: space-between;
    align-items    : center;

}

.mi_top_right {
    display: flex;
    margin : 0 8px;
}

.mi_top_login {
    display       : flex;
    flex-direction: row;

}

.mi_top_clauses {
    display       : flex;
    flex-direction: row;
    align-items   : center;
}

.mi_top_login div {
    display: flex;
    margin : 3px;
}

.mi_top_DownApp {
    display       : flex;
    flex-direction: row;
    align-items   : center;
}

/*调整图标位置*/
.mi_top_DownApp svg {
    display     : flex;
    margin-top  : 5px;
    margin-right: 5px;
}

.mi_top_clauses svg {
    display    : flex;
    margin-top : 3px;
    margin-left: 5px;
}

/*用div直接画线*/
.v-line {
    height          : 16px;
    width           : 1px;
    background-color: #8D92A1;
    /*上下间隔0 左右6px*/
    margin          : 0 6px;
}

/*悬停变色*/
.mi_top_right div:hover {
    color: rgb(57, 185, 52);
}

/* 2,搜索框  ===================================================================*/
.box_mi_search {
    display        : flex;
    justify-content: center;
}

.home_mi_search {
    display           : flex;
    width             : 1040px;
    height            : 51px;
    flex-direction    : row;
    justify-content   : space-between;
    padding           : 20px;
    align-items       : center;
    /* box-shadow     : 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
    box-shadow        : 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
}

.mi_search_title {
    font-size  : 30px;
    color      : #9F8052;
    font-weight: bold;
}

.mi_search_text {
    display       : flex;
    font-size     : 18px;
    flex-direction: row;
    width         : 300px;
    margin-right  : 80px;
    font-weight   : bolder;
    color         : #666666;
}


.mi_search_text div {
    display: flex;
    margin : 20px;
}

.mi_search_text div:hover {
    color: #9F8052;
}

/*搜索框的框和购物车*/
.mi_search_right {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    justify-content: space-between;
    width          : 350px;
    height         : 51px;
}

.mi_search_form {
    display      : flex;
    width        : 281px;
    height       : 41px;
    align-items  : center;
    border-bottom: 2px solid #E6E6E6;
}

.mi_search_form svg {
    display: flex;
    top    : 10px;
}

.mi_search_form input {
    height : 20px;
    width  : 180px;
    border : 0;
    padding: 5px
}

.mi_search_car svg {
    display     : flex;
    margin-right: 30px;
}

.mi_search_car svg:hover {
    filter      : alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity     : 0.6;
}

/*分类导航栏 ========================================================*/
.box_mi_nav {
    display   : flex;
    margin    : 0 auto;
    margin-top: 20px;
}

.home_mi_nav {
    width           : 1080px;

    background-color: #F6F6F8;
    margin          : 0 auto;
    flex-direction  : row;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    box-shadow      : 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
}

.nav_left {
    height          : 358px;
    width           : 221px;
    background-color: #9F8052;
    box-shadow      : 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}

.nav_item {
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
    margin         : 0 auto;
    margin-top     : 19px;
}

.item_content {
    /* margin-left: 5px;
    margin-top: 5px; */
    padding : 0 30px;
    /*绝对定位,让下面的面板参考*/
    position: relative;
    margin-bottom:11px;
}

.item_content .item_text {
    color: white;
}


.item_content:hover {
    background-color: #876D46;
}

.item_text:hover {
    color: #DFAF7E;
}

.item_content:hover .panel {
    display: block;
}

.item_text {
    font-size     : 14px;
    /* margin-left: 20px; */
}

.arrow {
    float: right;
}

.panel {
    width                 : 830px;
    /* height             : 200px; */
    height                : auto;
    background-color      : white;
    display               : none;
    /*位置*/
    position              : absolute;
    top                   : 0;
    right                 : -860px;
    box-shadow            : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    padding               : 15px;
}

.panel_title {
    font-weight  : bold;
    height       : 25px;
    color        : #805E3F;
    margin-bottom: 10px;
    margin-left  : 10px;
}

.panel_content {
    display: flex;
}

.item_title {
    /* width: 250px; */
    min-width  : 120px;
    font-size  : 15px;
    font-weight: bold;
    margin-left: 10px;
}

.item_content_new {
    display       : flex;
    flex-wrap     : wrap;
    padding       : 0;
    flex-direction: row;
}

.panel_item {
    height   : 20px;
    padding  : 5px;
    font-size: 13px;
}

.nav_right{
    margin: 0 auto;
    width: 859px;
    height: 358px;
}
.nav_right img{
    width: 859px;
    height: 358px;
}